<template>
  <view class="package_sale order" v-for="item in getUreaLog" :key='item.id'>
    <view class="status">{{item.status_text}}</view>
    <view>订单号：{{item.order_sn}}</view>
    <view class="space-between" style="margin:10rpx 0px;">
      <view>{{item.from_fill_name}}</view>
      <view class="direction-start">
        <text style="margin-left: 20rpx;">{{item.amount}}公斤</text>
        <image src="https://admin.anlan.tech/uploads/20230425/31bd206d1a24b373a15a5a45b03e9c3f.png" mode="" style="width:187rpx;height:15rpx"></image>
      </view>
      <view>{{item.to_fill_name}}</view>
    </view>
    <view class="space-between lit"><view>{{item.price}}元/公斤</view><view>消费金额：{{item.money}}</view></view>
     <view class="space-between lit" style="margin-top:10rpx;"><view>{{item.createtime}}</view><view>补液员：{{item.driver_name}}</view></view>
  </view>
</template>

<script setup lang="ts">
    const props = defineProps({
      getUreaLog: { type: Array },
    });
</script>

<style scoped lang="less">
  .order{
    position: relative;
    .status{
      position: absolute;
      top: 0px;
      right:0px;
      width: 117rpx;
      height: 48rpx;
      background: #E3E3E3;
      border-radius: 0px 5px 0px 5px;
      text-align: center;
      line-height: 48rpx;
    }
  }
  .lit{
    font-size: 26rpx;
  }
  .package_sale:nth-of-type(1){
    margin-top:0px;
  }
</style>